<template>
  
  <van-tree-select

v-model:main-active-index="activeIndex"
:items="categoryList"
@click-nav="bindClickChange"
style="height:50%;"
>
<template #content>
  
  
    <van-card v-for="item in categoryGoods" :key="item.id"
   
    :price='item.price'
    :desc=item.detail
    :title='item.product'
    :thumb=filterUrl(item.picture)
               
    :origin-price="item.oldprice"
    @click="toDetail(item)"
/>
  
 



</template>




</van-tree-select>



</template>

<script setup lang="ts">
import {useToDetail} from '@/hooks/toDetail'
import { useCategory} from '@/hooks/category'
const {activeIndex,categoryList,categoryGoods,bindClickChange,filterUrl} =useCategory()
const {toDetail} = useToDetail()

// 'http://124.71.63.13:8088/' + item.picture

 
</script>

<style scoped lang="scss">
// .van-tree-select{
 
//   font-size: 20px;
//   .van-cell-group{
//      width: 100%;
//      font-size: 15px;
// }
// }
</style>
